<div class="cluster">
  {% for item in data.items %}
  <div class="author">
    <a class="avatar" href="{{ item.url }}">
      <img
        alt="{{ item.name }}"
        height="64"
        src="https://web-dev.imgix.net/{{
          item.image
        }}?auto=format&amp;fit=crop&amp;h=64&amp;w=64"
        width="64"
        loading="lazy"
        decoding="async"
        sizes="(min-width: 64px) 64px, calc(100vw - 48px)"
        srcset="
          https://web-dev.imgix.net/{{ item.image }}?fit=crop&amp;h=64&amp;w=64&amp;auto=format&amp;dpr=1&amp;q=75,
          https://web-dev.imgix.net/{{ item.image }}?fit=crop&amp;h=64&amp;w=64&amp;auto=format&amp;dpr=2&amp;q=50 2x,
          https://web-dev.imgix.net/{{ item.image }}?fit=crop&amp;h=64&amp;w=64&amp;auto=format&amp;dpr=3&amp;q=35 3x,
          https://web-dev.imgix.net/{{ item.image }}?fit=crop&amp;h=64&amp;w=64&amp;auto=format&amp;dpr=4&amp;q=23 4x,
          https://web-dev.imgix.net/{{ item.image }}?fit=crop&amp;h=64&amp;w=64&amp;auto=format&amp;dpr=5&amp;q=20 5x
        "
      />
    </a>
    <div class="flow">
      <cite class="author__name">
        <a href="{{ item.url }}" class="author__name-link">{{ item.name }}</a>
      </cite>
      <ul class="author__links cluster" role="list">
        {% for link in item.links %}
        <li class="author__link-listdata">
          <a href="{{ link.url }}" class="author__link">{{ link.text }}</a>
        </li>
        {% endfor %}
      </ul>
    </div>
  </div>
  {% endfor %}
</div>
